<template>
    <div style="display: flex;">
        <template v-if="icon === 'systemData'">
            <svg t="1712113675645" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14640"
                 :width="width" :height="height">
                <path
                        d="M896 809.472h-768a94.037333 94.037333 0 0 1-93.866667-93.866667V179.882667c0-51.712 42.154667-93.866667 93.866667-93.866667h768c51.712 0 93.866667 42.154667 93.866667 93.866667v535.722666c0 51.712-42.154667 93.866667-93.866667 93.866667zM128 137.216a42.666667 42.666667 0 0 0-42.666667 42.666667v535.722666a42.666667 42.666667 0 0 0 42.666667 42.666667h768a42.666667 42.666667 0 0 0 42.666667-42.666667V179.882667a42.666667 42.666667 0 0 0-42.666667-42.666667h-768zM781.312 937.984H242.688c-14.165333 0-25.6-11.434667-25.6-25.6s11.434667-25.6 25.6-25.6h538.453333c14.165333 0 25.6 11.434667 25.6 25.6s-11.434667 25.6-25.429333 25.6z"
                        :fill="color" p-id="14641"></path>
                <path
                        d="M682.666667 640H341.333333c-14.165333 0-25.6-11.434667-25.6-25.6V273.066667c0-14.165333 11.434667-25.6 25.6-25.6s25.6 11.434667 25.6 25.6v315.733333H682.666667c14.165333 0 25.6 11.434667 25.6 25.6s-11.434667 25.6-25.6 25.6z"
                        :fill="color" p-id="14642"></path>
                <path
                        d="M417.109333 564.224c-14.165333 0-25.6-11.434667-25.6-25.6v-37.888c0-14.165333 11.434667-25.6 25.6-25.6s25.6 11.434667 25.6 25.6v37.888c0 13.994667-11.434667 25.6-25.6 25.6zM493.056 564.224c-14.165333 0-25.6-11.434667-25.6-25.6v-113.834667c0-14.165333 11.434667-25.6 25.6-25.6s25.6 11.434667 25.6 25.6v113.834667c0 13.994667-11.434667 25.6-25.6 25.6zM568.832 564.224c-14.165333 0-25.6-11.434667-25.6-25.6V273.066667c0-14.165333 11.434667-25.6 25.6-25.6s25.6 11.434667 25.6 25.6v265.557333c0 13.994667-11.434667 25.6-25.6 25.6zM644.778667 564.224c-14.165333 0-25.6-11.434667-25.6-25.6V348.842667c0-14.165333 11.434667-25.6 25.6-25.6s25.6 11.434667 25.6 25.6v189.610666c0 14.165333-11.434667 25.770667-25.6 25.770667z"
                        :fill="color" p-id="14643"></path>
                <path
                        d="M896 783.872H327.850667c-37.717333 0-68.266667-30.549333-68.266667-68.266667V383.317333c0-37.717333 30.549333-68.266667 68.266667-68.266666H896c37.717333 0 68.266667 30.549333 68.266667 68.266666v332.117334c0 37.888-30.549333 68.437333-68.266667 68.437333z"
                        :fill="color" opacity=".3" p-id="14644"></path>
            </svg>
        </template>
        <template v-if="icon === 'message'">
            <svg t="1712116040394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="16736" :width="width" :height="height">
                <path
                        d="M162 189.686v514.705h216.176l61.765-61.764H223.765V251.45h576.47v391.177H571.267l-61.765 61.764-86.251 86.254 43.675 43.669L596.85 704.391H862V189.686z"
                        :fill="color" p-id="16737"></path>
                <path
                        d="M347.294 416.156h61.765v61.765h-61.765zM481.118 416.156h61.765v61.765h-61.765zM614.941 416.156h61.765v61.765h-61.765z"
                        :fill="color" p-id="16738"></path>
            </svg>
        </template>
        <template v-if="icon === 'network'">
            <svg t="1712116124973" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="20183" :width="width" :height="height">
                <path
                        d="M512.000636 1024a512 512 0 1 1 512-512 512 512 0 0 1-512 512z m0-971.869091a460.334545 460.334545 0 1 0 460.334545 459.869091 460.8 460.8 0 0 0-460.334545-459.869091z m0 971.869091c-170.356364 0-303.941818-224.814545-303.941819-512s133.585455-512 303.941819-512 303.941818 224.814545 303.941818 512-133.585455 512-303.941818 512z m0-971.869091c-136.843636 0-252.741818 210.850909-252.741819 459.869091s115.898182 460.8 252.741819 460.8 252.741818-210.850909 252.741818-460.334545-115.432727-460.334545-252.741818-460.334546z m-25.6-25.6h51.2v971.869091h-51.2zM73.542454 279.272727h876.916363v51.2H73.542454zM19.549726 486.865455h985.367273v51.2H19.549726z m46.545455 207.592727h891.345455v50.269091H66.560636z"
                        :fill="color" p-id="20184"></path>
            </svg>
        </template>
        <template v-if="icon === 'minePage'">
            <svg t="1712116226859" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="23869" :width="width" :height="height">
                <path
                        d="M486.701176 498.928941a165.948235 165.948235 0 0 1-142.155294-79.751529 25.539765 25.539765 0 0 1 8.131765-34.996706 25.057882 25.057882 0 0 1 34.635294 8.131765c21.564235 34.936471 58.669176 55.777882 99.388235 55.777882 40.598588 0 77.703529-20.841412 99.267765-55.777882a24.997647 24.997647 0 0 1 34.635294-8.131765 25.539765 25.539765 0 0 1 8.07153 34.93647A165.948235 165.948235 0 0 1 486.701176 498.989176z"
                        :fill="color" p-id="23870"></path>
                <path
                        d="M486.640941 499.169882c-28.973176 0-57.524706-7.589647-82.582588-21.985882a169.261176 169.261176 0 0 1-59.693177-57.825882 25.840941 25.840941 0 0 1 8.131765-35.418353 25.298824 25.298824 0 0 1 35.056941 8.252235c21.443765 34.816 58.488471 55.657412 99.087059 55.657412s77.643294-20.841412 99.087059-55.657412a25.298824 25.298824 0 0 1 35.056941-8.252235 25.840941 25.840941 0 0 1 8.131765 35.358117c-14.757647 23.973647-35.358118 43.971765-59.632941 57.886118-25.118118 14.396235-53.609412 21.985882-82.642824 21.985882z"
                        :fill="color" p-id="23871"></path>
                <path
                        d="M525.372235 674.394353a326.776471 326.776471 0 0 1-233.712941-97.701647 332.980706 332.980706 0 0 1-96.798118-235.881412c0-89.088 34.394353-172.875294 96.798118-235.881412A326.776471 326.776471 0 0 1 525.372235 7.228235c88.244706 0 171.248941 34.695529 233.712941 97.701647a332.980706 332.980706 0 0 1 96.798118 235.881412c0 89.148235-34.394353 172.875294-96.798118 235.881412a326.776471 326.776471 0 0 1-233.712941 97.701647z m0-611.026824c-151.612235 0-274.913882 124.446118-274.913882 277.443765s123.301647 277.504 274.913882 277.504c151.552 0 274.913882-124.506353 274.913883-277.504s-123.361882-277.443765-274.913883-277.443765zM96.617412 998.460235a28.190118 28.190118 0 0 1-23.552-42.887529 538.081882 538.081882 0 0 1 189.741176-184.079059 528.564706 528.564706 0 0 1 525.131294 0 538.081882 538.081882 0 0 1 189.741177 184.079059 28.190118 28.190118 0 0 1-8.914824 38.610823 27.648 27.648 0 0 1-38.249411-9.035294c-87.762824-142.396235-239.194353-227.388235-405.142589-227.388235s-317.44 84.992-405.142588 227.448471a27.708235 27.708235 0 0 1-23.612235 13.251764z"
                        :fill="color" p-id="23872"></path>
            </svg>
        </template>
        <template v-if="icon === 'store'">
            <svg t="1712117773605" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="26874" :width="width" :height="height">
                <path
                        d="M563.1 160.8h-155c-7.2 0-13 5.8-13 13V193c0 7.2 5.8 13 13 13h155.1c7.2 0 13-5.8 13-13v-19.2c-0.1-7.2-5.9-13-13.1-13zM176 670.2h155.1c7.2 0 13-5.8 13-13V638c0-7.2-5.8-13-13-13H176c-7.2 0-13 5.8-13 13v19.2c0 7.2 5.8 13 13 13z"
                        :fill="color" p-id="26875"></path>
                <path
                        d="M341.8 495.9h340.5c25.2 0 45.7-20.5 45.7-45.7V109.7c0-25.2-20.5-45.7-45.7-45.7H341.8c-25.2 0-45.7 20.5-45.7 45.7v340.5c0 25.2 20.5 45.7 45.7 45.7z m9.1-54.9V118.9h322.2V441H350.9zM450.2 528.1H109.7c-25.2 0-45.7 20.5-45.7 45.7v340.5c0 25.2 20.5 45.7 45.7 45.7h340.5c25.2 0 45.7-20.5 45.7-45.7V573.8c0-25.2-20.5-45.7-45.7-45.7zM441 583v322.2H118.9V583H441zM914.3 528.1H573.8c-25.2 0-45.7 20.5-45.7 45.7v340.5c0 25.2 20.5 45.7 45.7 45.7h340.5c25.2 0 45.7-20.5 45.7-45.7V573.8c0-25.2-20.5-45.7-45.7-45.7z m-9.2 54.9v322.2H583V583h322.1z"
                        :fill="color" p-id="26876"></path>
                <path
                        d="M640.1 670.2h155.1c7.2 0 13-5.8 13-13V638c0-7.2-5.8-13-13-13H640.1c-7.2 0-13 5.8-13 13v19.2c0 7.2 5.8 13 13 13z"
                        :fill="color" p-id="26877"></path>
            </svg>
        </template>
        <template v-if="icon === 'facility'">
            <svg t="1712122389400" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="5110" :width="width" :height="height">
                <path
                        d="M393.216 85.333333c18.773333 0 34.133333 15.36 34.133333 34.133334v785.066666c0 18.773333-15.36 34.133333-34.133333 34.133334h-273.066667c-18.773333 0-34.133333-15.36-34.133333-34.133334V119.466667c0-18.773333 15.36-34.133333 34.133333-34.133334h273.066667m0-51.2h-273.066667c-47.104 0-85.333333 38.229333-85.333333 85.333334v785.066666c0 47.104 38.229333 85.333333 85.333333 85.333334h273.066667c47.104 0 85.333333-38.229333 85.333333-85.333334V119.466667c0-47.104-38.229333-85.333333-85.333333-85.333334zM905.216 85.333333c18.773333 0 34.133333 15.36 34.133333 34.133334v785.066666c0 18.773333-15.36 34.133333-34.133333 34.133334h-273.066667c-18.773333 0-34.133333-15.36-34.133333-34.133334V119.466667c0-18.773333 15.36-34.133333 34.133333-34.133334h273.066667m0-51.2h-273.066667c-47.104 0-85.333333 38.229333-85.333333 85.333334v785.066666c0 47.104 38.229333 85.333333 85.333333 85.333334h273.066667c47.104 0 85.333333-38.229333 85.333333-85.333334V119.466667c0-47.104-38.229333-85.333333-85.333333-85.333334z"
                        :fill="color" p-id="5111"></path>
                <path
                        d="M343.381333 341.504H170.154667c-14.165333 0-25.6-11.434667-25.6-25.6s11.434667-25.6 25.6-25.6h173.226666c14.165333 0 25.6 11.434667 25.6 25.6s-11.605333 25.6-25.6 25.6zM343.381333 468.309333H170.154667c-14.165333 0-25.6-11.434667-25.6-25.6s11.434667-25.6 25.6-25.6h173.226666c14.165333 0 25.6 11.434667 25.6 25.6s-11.605333 25.6-25.6 25.6zM343.381333 595.114667H170.154667c-14.165333 0-25.6-11.434667-25.6-25.6s11.434667-25.6 25.6-25.6h173.226666c14.165333 0 25.6 11.434667 25.6 25.6s-11.605333 25.6-25.6 25.6zM253.952 733.696c-3.413333 0-6.826667-0.682667-9.898667-1.877333-3.072-1.365333-5.802667-3.242667-8.192-5.632a24.951467 24.951467 0 0 1-7.509333-18.090667c0-1.706667 0.170667-3.413333 0.512-5.12 0.341333-1.536 0.853333-3.242667 1.365333-4.778667 0.682667-1.536 1.536-2.901333 2.389334-4.266666a25.531733 25.531733 0 0 1 26.282666-10.922667c1.706667 0.341333 3.242667 0.853333 4.778667 1.365333 1.536 0.682667 3.072 1.536 4.437333 2.389334 1.365333 1.024 2.730667 2.048 3.925334 3.242666s2.218667 2.389333 3.242666 3.925334c0.853333 1.365333 1.706667 2.730667 2.218667 4.266666 0.682667 1.536 1.194667 3.242667 1.536 4.778667 0.341333 1.706667 0.512 3.413333 0.512 5.12 0 3.413333-0.682667 6.656-2.048 9.728-1.194667 3.072-3.072 5.973333-5.461333 8.362667s-5.290667 4.266667-8.362667 5.632c-3.072 1.194667-6.314667 1.877333-9.728 1.877333z"
                        :fill="color" p-id="5112"></path>
                <path
                        d="M768.682667 733.696c-1.536 0-3.242667-0.170667-4.949334-0.512-1.706667-0.341333-3.242667-0.853333-4.778666-1.365333-3.072-1.365333-5.802667-3.242667-8.192-5.632-4.949333-4.949333-7.509333-11.264-7.509334-18.090667 0-1.706667 0-3.413333 0.341334-5.12a25.9072 25.9072 0 0 1 7.168-12.970667c9.386667-9.557333 26.453333-9.557333 36.181333 0 1.024 1.194667 2.218667 2.389333 3.072 3.925334 1.024 1.365333 1.706667 2.730667 2.389333 4.266666 0.682667 1.536 1.194667 3.242667 1.365334 4.778667 0.341333 1.706667 0.512 3.413333 0.512 5.12 0 3.413333-0.512 6.656-1.877334 9.728-1.194667 3.242667-3.072 5.973333-5.461333 8.362667-2.56 2.389333-5.290667 4.266667-8.362667 5.632-3.072 1.194667-6.485333 1.877333-9.898666 1.877333zM855.381333 341.504H682.154667c-14.165333 0-25.6-11.434667-25.6-25.6s11.434667-25.6 25.6-25.6h173.226666c14.165333 0 25.6 11.434667 25.6 25.6s-11.434667 25.6-25.6 25.6zM855.381333 468.309333H682.154667c-14.165333 0-25.6-11.434667-25.6-25.6s11.434667-25.6 25.6-25.6h173.226666c14.165333 0 25.6 11.434667 25.6 25.6s-11.434667 25.6-25.6 25.6zM855.381333 595.114667H682.154667c-14.165333 0-25.6-11.434667-25.6-25.6s11.434667-25.6 25.6-25.6h173.226666c14.165333 0 25.6 11.434667 25.6 25.6s-11.434667 25.6-25.6 25.6z"
                        :fill="color" p-id="5113"></path>
                <path
                        d="M74.922667 887.978667V528.213333c0-37.717333 30.549333-68.266667 68.266666-68.266666h239.616c37.717333 0 68.266667 30.549333 68.266667 68.266666v359.594667c0 37.717333-30.549333 68.266667-68.266667 68.266667H143.189333c-37.717333 0.170667-68.266667-30.378667-68.266666-68.096z"
                        :fill="color" opacity=".3" p-id="5114"></path>
            </svg>
        </template>

        <template v-if="icon === 'production'">
            <svg t="1712123364481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="15403" :width="width" :height="height">
                <path
                        d="M316.269714 890.441143a215.625143 215.625143 0 0 1-45.728914-133.412572c0-88.298057 53.365029-164.893257 129.609143-198.656l232.565028-182.623085 2.018743-1.141029a155.765029 155.765029 0 0 1 84.289829-93.564343 16.237714 16.237714 0 0 1 1.462857-3.159771l64.746057-113.517714a88.356571 88.356571 0 0 1-1.462857-2.048 17.905371 17.905371 0 0 1-3.189029 0.292571H593.130057a83.821714 83.821714 0 0 1-150.586514-34.728229H403.456c-8.952686 54.184229-55.968914 96.314514-111.586743 96.314515-24.517486 0-47.425829-7.899429-67.9936-22.1184a15.506286 15.506286 0 0 1-7.109486-13.399772c0-3.949714 0-8.689371 4.739658-13.429028a18.6368 18.6368 0 0 1 14.218971-6.319543c3.949714 0 8.718629 1.579886 11.088457 3.949714 14.218971 10.24 29.257143 15.008914 45.845943 15.008914 41.252571 0 74.020571-32.855771 75.103086-72.996571a17.700571 17.700571 0 0 1-0.292572-9.098971C363.812571 67.1744 330.664229 36.278857 291.869257 36.278857c-18.168686 0-34.786743 5.5296-48.215771 16.5888a14.628571 14.628571 0 0 1-11.088457 3.949714 19.221943 19.221943 0 0 1-14.218972-7.109485 23.464229 23.464229 0 0 1-3.978971-11.849143 15.506286 15.506286 0 0 1 7.138743-13.429029C241.2544 7.899429 265.771886 0 292.6592 0a112.786286 112.786286 0 0 1 110.3872 91.574857h41.252571a83.821714 83.821714 0 0 1 136.718629-40.257828h206.672457c1.960229 0 3.8912 0.321829 5.705143 0.936228a88.707657 88.707657 0 0 1 63.8976-27.004343 88.356571 88.356571 0 0 1 88.561371 88.415086c0 13.633829-3.159771 26.565486-8.777142 38.0928l-12.9024 210.417371c7.840914 18.490514 12.200229 38.824229 12.200228 60.152686a155.999086 155.999086 0 0 1-90.141257 140.726857l-142.482286 202.225372a215.771429 215.771429 0 0 1-45.933714 125.162057h207.374629c9.508571 0 18.197943 7.899429 18.197942 18.168686v83.675428c0 9.479314-7.899429 18.139429-18.197942 18.139429H116.3264a18.373486 18.373486 0 0 1-18.197943-18.139429v-83.675428c0-9.479314 7.899429-18.139429 18.197943-18.139429H316.269714z m50.5856 0h239.791543a18.373486 18.373486 0 0 1 0.760686-0.789943c37.946514-34.728229 60.094171-82.885486 60.094171-134.173257a178.9952 178.9952 0 0 0-52.194743-127.093029c-33.9968-34.757486-79.082057-52.896914-127.297828-52.896914-23.698286 0-46.401829 4.593371-67.203657 12.960914a17.2032 17.2032 0 0 1-5.763657 2.428343c-63.546514 28.116114-108.1344 91.779657-108.1344 165.390629 0 51.317029 22.235429 99.562057 59.947885 134.173257z m402.870857-764.138057a86.484114 86.484114 0 0 1 2.750172-38.677943h-167.643429a83.265829 83.265829 0 0 1 3.218286 38.677943h161.674971z m121.709715 187.157943l7.489828-122.441143a88.795429 88.795429 0 0 1-41.632914 10.269257c-16.091429 0-31.158857-4.242286-44.119771-11.702857L768.292571 268.258743a153.570743 153.570743 0 0 1 123.143315 45.231543z m1.6384 67.701028a18.870857 18.870857 0 0 1-4.798172-10.8544 119.105829 119.105829 0 0 0-106.115657-65.594514c-64.833829 0-118.608457 52.896914-118.608457 118.403657 0 65.536 52.955429 118.432914 118.608457 118.432914a118.345143 118.345143 0 0 0 110.884572-160.387657z m-409.980343 158.837029l4.096-0.029257c103.424 0 190.200686 72.791771 211.616914 170.218057l94.090972-133.500343a155.2384 155.2384 0 0 1-10.737372 0.380343c-83.587657 0-152.049371-66.589257-154.887314-149.386972l-144.1792 112.318172zM525.165714 65.506743c-26.097371 0-47.455086 21.328457-47.455085 47.396571 0 26.038857 21.357714 47.338057 47.455085 47.338057 26.097371 0 47.455086-21.2992 47.455086-47.367314 0-26.038857-21.357714-47.367314-47.455086-47.367314z m-36.366628 790.235428a98.801371 98.801371 0 0 1-98.889143-98.684342 98.801371 98.801371 0 0 1 98.889143-98.684343 98.801371 98.801371 0 0 1 98.830628 98.684343c-0.789943 54.447543-45.056 98.655086-98.830628 98.655085z m0-161.060571a62.551771 62.551771 0 0 0-62.493257 62.376229 62.025143 62.025143 0 0 0 62.493257 62.346971 62.025143 62.025143 0 0 0 62.464-62.346971c-0.789943-33.938286-29.257143-62.376229-62.464-62.376229z m293.361371-206.0288a66.7648 66.7648 0 0 1-66.413714-66.325943 66.7648 66.7648 0 0 1 66.413714-66.296686 66.7648 66.7648 0 0 1 66.413714 66.296686 66.7648 66.7648 0 0 1-66.413714 66.325943z m0-95.524571c-16.5888 0-29.257143 13.429029-29.257143 29.198628 0 15.798857 13.458286 29.227886 29.257143 29.227886 16.618057 0 29.257143-13.458286 29.257143-29.227886 0-15.798857-13.458286-29.198629-29.257143-29.198628z m75.132343-331.541943c-28.4672 0-52.194743 23.669029-52.194743 52.077714 0 28.437943 23.727543 52.106971 52.194743 52.106971s52.194743-23.698286 52.194743-52.077714c0-28.437943-23.698286-52.106971-52.194743-52.106971z m-11.0592 911.7696v-48.157257H134.524343v48.157257h711.709257z"
                        :fill="color" p-id="15404"></path>
            </svg>
        </template>
        <template v-if="icon === 'fixture'">
            <svg t="1712122801055" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="7360" :width="width" :height="height">
                <path
                        d="M929.1 249.9l-402-232.1c-9.3-5.4-20.7-5.4-30 0l-402 232.1c-9.3 5.4-15 15.3-15 26v464.2c0 10.7 5.7 20.6 15 26l402 232.1c9.3 5.4 20.7 5.4 30 0l402-232.1c9.3-5.4 15-15.3 15-26V275.9c0-10.7-5.7-20.6-15-26zM483.9 918.5L142.5 721.4v-378l341.4 197.1v378z m28.2-433.8L162.7 283 512.1 81.3 861.5 283 512.1 484.7z m369.6 236.7L546.4 915V537l335.3-193.6v378z"
                        :fill="color" p-id="7361"></path>
                <path
                        d="M208.6 664.3c16.6 0 30-13.4 30-30v-88.7c0-16.6-13.4-30-30-30s-30 13.4-30 30v88.7c0 16.6 13.4 30 30 30zM300.7 708.3c16.6 0 30-13.4 30-30v-88.7c0-16.6-13.4-30-30-30s-30 13.4-30 30v88.7c0 16.6 13.4 30 30 30zM406.4 777.1c16.6 0 30-13.4 30-30v-88.7c0-16.6-13.4-30-30-30s-30 13.4-30 30v88.7c0 16.6 13.4 30 30 30zM828.3 664.3c16.6 0 30-13.4 30-30v-88.7c0-16.6-13.4-30-30-30s-30 13.4-30 30v88.7c0 16.6 13.4 30 30 30zM736.2 708.3c16.6 0 30-13.4 30-30v-88.7c0-16.6-13.4-30-30-30s-30 13.4-30 30v88.7c0 16.6 13.4 30 30 30zM630.5 777.1c16.6 0 30-13.4 30-30v-88.7c0-16.6-13.4-30-30-30s-30 13.4-30 30v88.7c0 16.6 13.4 30 30 30z"
                        :fill="color" p-id="7362"></path>
            </svg>
        </template>
        <template v-if="icon === 'quality'">
            <svg t="1712123149327" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="13402" :width="width" :height="height">
                <path
                        d="M170.666098 341.332196m42.666524 0l597.331342 0q42.666524 0 42.666525 42.666524l0 0q0 42.666524-42.666525 42.666524l-597.331342 0q-42.666524 0-42.666524-42.666524l0 0q0-42.666524 42.666524-42.666524Z"
                        :fill="color" p-id="13403"></path>
                <path
                        d="M375.166749 85.333049a63.999787 63.999787 0 0 1 35.498549 10.751964l5.247982 3.882654 112.08496 70.698431h431.99856a63.999787 63.999787 0 0 1 63.701121 57.855807l0.298666 6.143979v234.665885a42.666524 42.666524 0 0 1-85.034384 4.991983L938.663538 469.331769v-213.332622h-417.833274a63.999787 63.999787 0 0 1-35.498548-10.751964l-5.290649-3.925321-111.999627-70.655764H85.333049v682.664391h426.665244a42.666524 42.666524 0 0 1 42.367859 37.674541l0.298666 4.991983a42.666524 42.666524 0 0 1-37.674541 42.367859l-4.991984 0.298666h-447.998506a63.999787 63.999787 0 0 1-63.701121-57.855807l-0.298666-6.14398v-725.330915a63.999787 63.999787 0 0 1 57.855807-63.701121l6.14398-0.298666h311.166962z"
                        :fill="color" p-id="13404"></path>
                <path
                        d="M793.000023 558.07814l-149.375502 43.050523a63.999787 63.999787 0 0 0-46.293179 61.439795v84.906384c0 124.586251 80.639731 235.09255 200.020667 274.345752a42.666524 42.666524 0 0 0 26.666578 0c119.338269-39.253202 199.978-149.759501 199.978-274.345752v-84.906384a63.999787 63.999787 0 0 0-46.250513-61.439795l-149.247502-43.09319a63.999787 63.999787 0 0 0-35.498549 0z m17.706608 83.626388l127.956907 36.94921v68.86377l-0.213333 9.343969a203.90332 203.90332 0 0 1-123.434255 177.236743l-4.351986 1.706661-4.309319-1.706661a203.775321 203.775321 0 0 1-123.690254-186.666045v-68.778437l128.04224-36.94921z"
                        :fill="color" p-id="13405"></path>
            </svg>
        </template>
        <template v-if="icon === 'scheduling'">
            <svg t="1712123108809" class="icon" viewBox="0 0 1050 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="11229" :width="width" :height="height">
                <path
                        d="M323.368421 53.894737V0H215.578947v53.894737H53.894737a53.894737 53.894737 0 0 0-53.894737 53.894737v862.315789a53.894737 53.894737 0 0 0 53.894737 53.894737h404.210526v-107.789474H107.789474V404.210526h808.421052v80.842106h107.789474V107.789474a53.894737 53.894737 0 0 0-53.894737-53.894737h-161.68421V0h-107.789474v53.894737H323.368421z m377.263158 107.789474v80.842105h107.789474V161.684211h107.789473v134.736842H107.789474V161.684211h107.789473v80.842105h107.789474V161.684211h377.263158z"
                        :fill="color" p-id="11230"></path>
                <path
                        d="M215.578947 512h242.526316v107.789474H215.578947v-107.789474zM215.578947 700.631579h242.526316v107.789474H215.578947v-107.789474z"
                        :fill="color" p-id="11231"></path>
                <path
                        d="M619.789474 646.736842a161.684211 161.684211 0 1 1 261.766737 126.976A269.554526 269.554526 0 0 1 1050.947368 1024h-107.789473a161.684211 161.684211 0 0 0-323.368421 0h-107.789474c0-113.448421 70.117053-210.539789 169.391158-250.287158A161.414737 161.414737 0 0 1 619.789474 646.736842z m161.68421-53.894737a53.894737 53.894737 0 1 0 0 107.789474 53.894737 53.894737 0 0 0 0-107.789474z"
                        :fill="color" p-id="11232"></path>
            </svg>
        </template>
        <template v-if="icon === 'fileDictionary'">
            <svg t="1712224322356" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="28068" :width="width" :height="height">
                <path d="M921.6 330.472727l-372.363636 274.618182c-23.272727 18.618182-60.509091 18.618182-79.127273 0l-372.363636-274.618182c-18.618182-13.963636-13.963636-37.236364 9.30909-51.2l372.363637-242.036363c18.618182-13.963636 51.2-13.963636 74.472727 0l372.363636 242.036363c13.963636 13.963636 18.618182 37.236364-4.654545 51.2z"
                      fill="#3881FF" p-id="28069"></path>
                <path d="M916.945455 465.454545l-65.163637-41.890909-297.890909 228.072728c-23.272727 18.618182-60.509091 18.618182-79.127273 0L167.563636 423.563636l-60.509091 41.890909c-23.272727 13.963636-23.272727 37.236364-4.654545 51.2l372.363636 274.618182c23.272727 18.618182 60.509091 18.618182 79.127273 0l372.363636-274.618182c18.618182-13.963636 13.963636-37.236364-9.30909-51.2z"
                      fill="#C7F2FB" p-id="28070"></path>
                <path d="M916.945455 656.290909l-65.163637-41.890909-302.545454 223.418182c-23.272727 18.618182-60.509091 18.618182-79.127273 0l-302.545455-223.418182-65.163636 41.890909c-23.272727 13.963636-23.272727 37.236364-4.654545 51.2l372.363636 274.618182c23.272727 18.618182 60.509091 18.618182 79.127273 0l372.363636-274.618182c23.272727-9.309091 18.618182-37.236364-4.654545-51.2z"
                      fill="#C7F2FB" p-id="28071"></path>
            </svg>
        </template>

        <template v-if="icon === 'see'">
            <svg t="1712218507333" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="9274" :width="width" :height="height">
                <path d="M511.837 704c-184.451 0-288.003-191.997-288.003-191.997S329.357 320 511.837 320c182.474 0 287.997 192.003 287.997 192.003S696.285 704 511.837 704zM511.833 384c-131.99 0-208.32 128.003-208.32 128.003S378.416 640 511.833 640s208.32-127.997 208.32-127.997S643.824 384 511.833 384zM511.833 576c-35.347 0-64-28.656-64-64.003 0-35.344 28.653-64 64-64s64 28.656 64 64C575.833 547.344 547.181 576 511.833 576z"
                      :fill="color" p-id="9275"></path>
            </svg>
        </template>
        <template v-if="icon === 'delete'">
            <svg t="1712218721884" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="10453" :width="width" :height="height">
                <path d="M928.16 144H736V64a32 32 0 0 0-32-32H320a32 32 0 0 0-32 32v80H95.84a32 32 0 0 0 0 64H129.6l77.92 698.656A96 96 0 0 0 302.912 992h418.144a96.032 96.032 0 0 0 95.424-85.344L894.4 208h33.728a32 32 0 0 0 0.032-64zM352 96h320v48H352V96z m400.896 803.552a32 32 0 0 1-31.808 28.448H302.912a32 32 0 0 1-31.808-28.448L193.984 208h636.032l-77.12 691.552z"
                      :fill="color" p-id="10454"></path>
                <path d="M608 820.928a32 32 0 0 0 32-32V319.104a32 32 0 0 0-64 0v469.824a32 32 0 0 0 32 32zM432 820.928a32 32 0 0 0 32-32V319.104a32 32 0 0 0-64 0v469.824a32 32 0 0 0 32 32z"
                      :fill="color" p-id="10455"></path>
            </svg>
        </template>

        <template v-if="icon === 'back'">
            <svg t="1712223880750" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="12588" :width="width" :height="height">
                <path d="M377.856 512l402.432-403.456c24.576-24.576 24.576-65.024 0-89.6s-64.512-24.576-89.6 0L243.712 467.456c-24.576 24.576-24.576 65.024 0 89.6l446.976 448.512c24.576 24.576 64.512 24.576 89.6 0 24.576-24.576 24.576-65.024 0-89.6L377.856 512z"
                      :fill="color" p-id="12589"></path>
            </svg>
        </template>

        <template v-if="icon === 'edit'">
            <svg t="1712226720644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="29231" :width="width" :height="height">
                <path
                        d="M586.944 132.416l177.536 177.472-463.424 463.552L123.52 595.968zM244.224 823.424v4.096h-176.64v-178.432h3.52zM325.248 832h128v128h-128zM512 832h128v128H512zM704 832h128v128h-128z"
                        :fill="color" p-id="29232"></path>
            </svg>
        </template>
        <template v-if="icon === 'enable'">
            <svg t="1712279307977" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="31093" :width="width" :height="height">
                <path d="M511.2832 47.5648c255.8464 0 463.9232 208.128 464.0256 464.0256 0 255.8976-208.0768 464.0256-464.0256 464.0256-255.8976 0-464.0256-208.128-464.0256-464.0256S255.3856 47.5648 511.2832 47.5648z m0 103.168c-199.0144 0-360.9088 161.8432-360.9088 360.8576s161.8944 360.8576 360.9088 360.8576c198.912 0 360.8064-161.8432 360.8064-360.8576-0.1024-199.0144-161.8944-360.8576-360.8064-360.8576z m0 0"
                      :fill="color" p-id="31094"></path>
                <path d="M495.9744 590.08l187.0336-194.7136a40.8576 40.8576 0 0 1 45.6192-9.3696 42.1888 42.1888 0 0 1 13.4144 67.7888l-216.5248 225.536a40.7552 40.7552 0 0 1-59.0848 0l-123.392-128.512a42.5472 42.5472 0 0 1-10.9568-40.1408 41.6256 41.6256 0 0 1 29.2864-30.0544 40.448 40.448 0 0 1 40.448 11.3664l94.1568 98.0992z m0 45.568l-7.6288 7.9872a10.752 10.752 0 0 1 15.3088 0l-7.68-7.9872z m0 0"
                      :fill="color" p-id="31095"></path>
            </svg>
        </template>

        <template v-if="icon === 'disable'">
            <svg t="1712285527316" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="32278" :width="width" :height="height">
                <path d="M915.6 744L743 916.6c-15.6 15.6-41 15.6-56.6 0-15.6-15.6-15.6-41 0-56.6L859 687.4c15.6-15.6 41-15.6 56.6 0 15.5 15.6 15.5 41.1 0 56.6z"
                      :fill="color" p-id="32279"></path>
                <path d="M743 687.4L915.6 860c15.6 15.6 15.6 41 0 56.6-15.6 15.6-41 15.6-56.6 0L686.4 744c-15.6-15.6-15.6-41 0-56.6 15.6-15.5 41.1-15.5 56.6 0z"
                      :fill="color" p-id="32280"></path>
                <path d="M581 881.6c-22.6 4.2-45.6 6.3-69 6.3-50.7 0-99.9-9.9-146.2-29.5-44.7-18.9-84.9-46-119.4-80.6-34.5-34.5-61.6-74.7-80.6-119.5-19.6-46.3-29.5-95.5-29.5-146.2s9.9-99.9 29.5-146.2c18.9-44.7 46-84.9 80.6-119.5 34.5-34.5 74.7-61.6 119.4-80.6 46.3-19.6 95.5-29.5 146.2-29.5s99.9 9.9 146.2 29.5c44.7 18.9 84.9 46 119.5 80.6 34.5 34.5 61.6 74.7 80.6 119.5 19.6 46.3 29.5 95.5 29.5 146.2 0 22-1.9 43.6-5.6 64.9H953c3.1-21.2 4.7-42.9 4.7-65 0-246.1-199.6-445.7-445.7-445.7S66.3 265.9 66.3 512 265.9 957.7 512 957.7c23.5 0 46.5-1.8 69-5.3v-70.8z"
                      :fill="color" p-id="32281"></path>
                <path d="M283 543.8c8.1 8.1 19.4 13.2 31.7 13.2h394.5c24.7 0 45-20.2 45-45 0-12.4-5.1-23.6-13.2-31.7-8.1-8.1-19.4-13.2-31.7-13.2H314.8c-24.7 0-45 20.2-45 45 0 12.1 5 23.4 13.2 31.7z"
                      :fill="color" p-id="32282"></path>
            </svg>
        </template>

        <template v-if="icon === 'sell-icon'">
            <img :width="60" :src="iconProcurement"/>
        </template>

        <template v-if="icon === 'shopping-car'">
            <img :width="60" :src="iconApproval"/>

        </template>
        <template v-if="icon === 'pro-order' ">
            <img :width="60" :src="iconProduce"/>

        </template>

        <template v-if="icon === 'sell-away'">
            <img :width="50" :src="iconOutboundShipments"/>
        </template>
        <template v-if="icon === 'select'">
            <svg t="1712407956718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="21212" :width="width" :height="height">
                <path d="M990.980258 969.944422l-185.094554-185.094554c83.911344-83.23135 135.990938-198.518449 135.990938-325.781454C941.876642 205.950391 735.934251 0 482.824228 0 229.698205 0 23.747814 205.950391 23.747814 459.076413c0 253.142022 205.950391 459.060414 459.076414 459.060414 103.079195 0 198.334451-34.167733 275.037851-91.759283l188.342529 188.342528c6.183952 6.183952 14.279888 9.271928 22.383825 9.271928s16.199873-3.087976 22.391825-9.271928a31.655753 31.655753 0 0 0 0-44.77565zM87.06732 459.076413c0-218.222295 177.534613-395.748908 395.756908-395.748908 218.206295 0 395.732908 177.526613 395.732908 395.748908 0 218.198295-177.526613 395.740908-395.732908 395.740909-218.222295 0-395.756908-177.542613-395.756908-395.740909z"
                      :fill="color" p-id="21213"></path>
            </svg>
        </template>

        <template v-if="icon === 'add'">
            <svg t="1712408035790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="22217" :width="width" :height="height">
                <path d="M923.7 477H545V98.3c0-19.3-15.1-34.4-34.4-34.4-19.3 0-34.4 15.2-34.4 34.4V477H97.5C78.2 477 63 492.1 63 511.4c0 19.3 15.2 34.4 34.4 34.4h378.7v378.7c0 19.3 15.2 34.4 34.4 34.4 19.3 0 34.4-15.2 34.4-34.4V545.8h378.7c19.3 0 34.4-15.1 34.4-34.4 0.1-19.3-15-34.4-34.3-34.4z m0 0"
                      :fill="color" p-id="22218"></path>
            </svg>
        </template>


        <template v-if="icon ==='reset'">
            <svg t="1712408241793" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="24231" :width="width" :height="height">
                <path d="M181.731 569.606l63.275-8.713A331.732 331.732 0 0 1 242.255 501l-63.809-2.835a395.86 395.86 0 0 0 3.285 71.441z"
                      :fill="color" p-id="24232"></path>
                <path d="M569.205 906.945c52.791 0 104.019-10.346 152.263-30.752 46.581-19.703 88.409-47.902 124.321-83.814 35.912-35.912 64.111-77.74 83.814-124.322 20.405-48.244 30.752-99.471 30.752-152.263 0-52.791-10.346-104.019-30.752-152.263-19.703-46.581-47.902-88.409-83.814-124.321-35.912-35.912-77.74-64.111-124.321-83.814-48.244-20.405-99.472-30.752-152.263-30.752-101.406 0-197.547 38.644-270.712 108.813-72.938 69.952-115.572 163.96-120.047 264.706L242.255 501c7.783-175.224 151.397-312.483 326.95-312.483 180.462 0 327.278 146.817 327.278 327.278S749.667 843.074 569.205 843.074c-69.625 0-136.091-21.563-192.21-62.357L339.44 832.38c67.106 48.781 146.558 74.565 229.765 74.565z"
                      :fill="color" p-id="24233"></path>
                <path d="M222.367 629.329c8.173 0 16.346-3.118 22.581-9.354l117.233-117.232c12.472-12.471 12.472-32.692 0-45.164-12.471-12.472-32.692-12.472-45.163 0L199.786 574.811c-12.472 12.472-12.472 32.693 0 45.164 6.236 6.236 14.409 9.354 22.581 9.354z"
                      :fill="color" p-id="24234"></path>
                <path d="M215.632 631.398c8.174 0 16.345-3.117 22.581-9.354 12.472-12.471 12.472-32.692 0-45.164L120.981 459.648c-12.47-12.471-32.691-12.471-45.163 0-12.472 12.472-12.472 32.692 0 45.164l117.233 117.232c6.234 6.235 14.409 9.354 22.581 9.354z"
                      :fill="color" p-id="24235"></path>
            </svg>
        </template>
        <template v-if="icon === 'dis-enable'">
            <svg t="1712475311230" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="4310" :width="width" :height="height">
                <path d="M512 85.333333C276.352 85.333333 85.333333 276.352 85.333333 512s191.018667 426.666667 426.666667 426.666667 426.666667-191.018667 426.666667-426.666667S747.648 85.333333 512 85.333333zM0 512C0 229.248 229.248 0 512 0s512 229.248 512 512-229.248 512-512 512S0 794.752 0 512z"
                      :fill="color" p-id="4311"></path>
                <path d="M149.973333 874.026667a42.666667 42.666667 0 0 1 0-60.330667L813.653333 149.973333a42.666667 42.666667 0 1 1 60.330667 60.330667L210.346667 874.026667a42.666667 42.666667 0 0 1-60.330667 0z"
                      :fill="color" p-id="4312"></path>
            </svg>
        </template>

        <template v-if="icon === 'ware-in'">
            <svg t="1712977811372" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="4338" :width="width" :height="height">
                <path d="M434.56 704.064H256a32 32 0 0 1 0-64h178.56l-41.28-41.28a32 32 0 0 1 45.12-45.12l92.8 92.8a31.936 31.936 0 0 1 1.6 49.92l-94.4 94.4a32 32 0 0 1-45.12-45.44l41.28-41.28z m333.44 96h-128a32 32 0 0 1 0-64h96v-302.4l-224-139.84-224 140.16v78.08a32 32 0 1 1-64 0v-96a32 32 0 0 1 15.04-27.2l256-160a32 32 0 0 1 33.92 0l256 160a32 32 0 0 1 15.04 27.2v352a32 32 0 0 1-32 32z"
                      :fill="color" p-id="4339"></path>
            </svg>
        </template>

        <template v-if="icon === 'fac-output'">
            <img width="60" :src="facOutput"/>
        </template>
        <template v-if="icon === 'fac-yield'">
            <img :width="60" :src="facYieId"/>
        </template>
        <template v-if="icon === 'fac-ticket'">
            <img :width="60" :src="facTicket"/>
        </template>
        <template v-if="icon === 'fac-warning'">
            <img :width="60" :src="facWarning"/>
        </template>

    </div>
</template>

<script>
export default {
    props: ['icon', 'width', 'height', 'color'],
    data() {
        return {
            facOutput: 'img/icon/icon_ues.png',
            facYieId: 'img/icon/icon_data.png',
            facTicket: 'img/icon/icon_gd.png',
            facWarning: 'img/icon/icon_exception.png',
            iconProcurement: 'img/icon/icon_caigou.jpg',
            iconOutboundShipments: 'img/icon/icon_chuku.jpg',
            iconApproval: 'img/icon/icon_shenpi.jpg',
            iconProduce: 'img/icon/icon_shengchan.jpg',
        }
    }
}
</script>

<style></style>